<!DOCTYPE html>
<html>
<head>
    <title>志愿者档案</title>
    <link href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../layui/css/layui.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <meta charset="utf-8">
</head>
<body class="page-index voluntMaDe">
<div class="container">
    <div class="topbar"></div>
    <div class="banner"></div>
    <div class="navbar">
        <ul>
            <li class="active"><a href="../index.html">首页</a></li>
            <li><a href="activity.html">活动中心</a></li>
            <li><a href="new.html">新闻中心</a></li>
            <li><a href="voluntTrain.html">志愿者培训</a></li>
            <li><a href="controll.html">交管员社区</a></li>
            <li><a href="forum.html">论坛</a></li>
            <li><a href="personal.html">个人中心</a></li>
        </ul>
    </div>
    <div class="contents">
        <div class="activityDetail">
            <div class="title">
                <ul class="news-title">
                    <li class="title-item">消防志愿者档案信息</li>
                </ul>
            </div>
            <div class="box-cont">
                <table width="100%" cellpadding="2">
                    <tr>
                        <td align="center" class="tdColor">志愿者所属组织</td>
                        <td colspan="3">一中队</td>
                        <td rowspan="5" width="97" class="tdColor">
                            <img src="../img/leftX.png">
                        </td>
                    </tr>
                    <tr>
                        <td align="center" class="tdColor">姓名</td>
                        <td>张丽</td>
                        <td align="center" class="tdColor">学历</td>
                        <td>大学本科</td>
                    </tr>
                    <tr>
                        <td align="center" class="tdColor">岗位</td>
                        <td>消防志愿者</td>
                        <td align="center" class="tdColor">职务</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="center" class="tdColor">加入时间</td>
                        <td>2019/05/12</td>
                        <td align="center" class="tdColor">评定星级</td>
                        <td>无</td>
                    </tr>

                    <tr>
                        <td align="center" class="tdColor">爱好及特长</td>
                        <td colspan="3">琴棋书画样样精通，特别能吃苦。</td>
                    </tr>
                </table>
                <table border="1" width="100%" cellpadding="2">
                    <tr>
                        <td align="center" colspan="5" class="tdColor">消防志愿服务活动记录（总时长 0 小时）</td>
                    </tr>
                    <tr>
                        <td align="center">活动时间</td>
                        <td align="center">活动地点</td>
                        <td align="center">活动内容</td>
                        <td align="center">服务人数（人）</td>
                        <td align="center">服务时长（小时）</td>
                    </tr>
                </table>
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>
    <div class="footer">
        <div class="links">
            <ul>
                <li><a href="/">中国组织网</a></li>
                <li><a href="/">中国共青团网</a></li>
                <li><a href="/">中国文明网</a></li>
                <li><a href="/">中国青年志愿者网</a></li>
                <li><a href="/">山东省共青团</a></li>
                <li><a href="/">齐鲁网</a></li>
                <li><a href="/">日照文明网</a></li>
                <li><a href="/">日照共青团</a></li>
                <li><a href="/">日照政务网</a></li>
                <li><a href="/">日照警务网</a></li>
            </ul>
        </div>
        <p class="company">主办：日照市牵手志愿者协会 | 日照市啄木鸟志愿者协会</p>
        <p class="copyright">技术支持：山东书壳儿网络科技有限公司</p>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.min.js"></script>
<script type="text/javascript" src="../js/TweenMax.min.js"></script>
<script type="text/javascript" src="../layui/layui.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
    (function($){
        "use strict";

        $(function(){
            $('.layui-quote-nm li img').hover(function(){$(this).MaxScaleLarge()},function(){$(this).MaxScaleSmall()});
        })
    })(jQuery);

//    layui
    layui.use(['laypage', 'layer'], function() {
        var laypage = layui.laypage
            , layer = layui.layer;

    });
</script>
</body>
</html>